@layout("/common.html",{css:["/assets/css/order.css"]}){
		<style>
        	.area {
	        	width: 500px;
			    height: 200px;
			    border: 2px solid #f3f3f3;
			    border-radius: 8px;
			    padding: 8px;
			    resize: none;
			    outline: none;
		    }
        </style>

        <div class="body">
            <div class="content">
				<div class="page-title">需求详情</div>
				<div class="order-detail">
					<div class="order-detail-item">
						<div class="order-detail-item__title">服务信息</div>
						<div class="order-detail-item__content">
							<div class="service-detail-card">
								<div class="service-detail-card__headImg" style="overflow: hidden;">
									<img src="${data.pic}" style="width:100%;" >
								</div>
								<div class="service-detail-card__info">
									<div class="title">${data.name}</div>
									<div class="desc">${data.ms}</div>
								</div>
							</div>
						</div>
					</div>
					<div class="order-detail-item" style="padding-top: 0px; padding-bottom: 0px;">
						<div class="order-detail-item__title" style="padding: 26px 0px;">需求描述</div>
						<div class="order-detail-item__content" style="padding: 26px 0px;">
							<div class="package-info">
								<textarea class="area"></textarea>
							</div>
						</div>
					</div>
					<div class="order-detail-item" style="padding-top: 0px; padding-bottom: 0px;">
						<div class="order-detail-item__title" style="padding: 26px 0px;">需求附件</div>
						<div class="order-detail-item__content" style="padding: 26px 0px;">
							<div class="package-info">
								<div class="package-info__name">上传</div>
							</div>
						</div>
					</div>
				</div>
				<div class="certain-row">
					<div class="pay-actions">
						<div class="btn">提交</div>
					</div>
				</div>
            </div>
        </div>
    	<script src="${ctxPath}/assets/js/order.js"></script>
@}